<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,user-scalable=no,
    initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">
    <title>智能停车</title>
    <!-- <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/通用.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/animate.js"></script>
    <script src="js/通用.js"></script> -->
    <link rel="stylesheet" href="zhinnegtingche/css/normalize.css">
    <link rel="stylesheet" href="zhinnegtingche/css/通用.css">
    <link rel="stylesheet" href="zhinnegtingche/css/index.css">
    <script src="zhinnegtingche/js/animate.js"></script>
    <script src="zhinnegtingche/js/通用.js"></script>
</head>

<body>
    <!-- 上导航 -->
    <div class="heard_top  center_V">
        <!-- 左菜单栏 menubar -->
        <a href="javaScript:;" class="menubar center_VH"></a>
        <!-- 中间标题 centerT -->
        <a class="centerT center_VH" href="index.html">
            <span class="logo">
            </span>
            <h3 class="name">智能停车</h3>
        </a>
        <!-- 用户中心 -->
        <div class="user">
            <a href="用户登录.html"></a>
        </div>
    </div>
    <!-- 侧边栏 -->
    <div class="nav_intheleft">
        <div class="nav_left">
            <div class="nav_left_in">
                <ul class="nav_list">
                    <a href="index.html" class="center_V" style="color: rgb(50, 133, 255);">
                        <span class="sy"></span>
                        <p>首页</p>
                    </a>
                    <a href="预停指南.html" class="center_V adv2">
                        <span></span>
                        <p>预停指南</p>
                    </a>
                    <a href="预停车位.html" class="center_V video">
                        <span></span>
                        <p>预停车位</p>
                    </a>
                    <a href="客服服务.html" class="center_V">
                        <span></span>
                        <p>客服服务</p>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <!-- 身体部分 -->
    <div class="body_part">
        <!-- 搜索 -->
        <div class="search_part center_VH">
            <a href="Javascript:;" id="search">
                搜索停车场
            </a>
        </div>
        <!-- 快捷键  -->
        <div class="four_part">
            <div class="four_part_1 center_VH">
                <a href="zhinnegtingche/便捷停车.html">
                    <span class="four_part_img_1"></span>
                    <i>快捷停车</i>
                </a>
            </div>
            <div class="four_part_2 center_VH">
                <a href="预停车位.html">
                    <span class="four_part_img_2"></span>
                    <i>预停车位</i>
                </a>
            </div>
            <div class="four_part_3 center_VH">
                <a href="zhinnegtingche/历史记录-占用中.html">
                    <span class="four_part_img_3"></span>
                    <i>历史记录</i>
                </a>
            </div>
            <div class="four_part4 center_VH">
                <a href="zhinnegtingche/历史记录-预约中.html">
                    <span class="four_part_img_4"></span>
                    <i>我的</i>
                </a>
            </div>
        </div>
        <!-- 广告栏 -->
        <div class="banner">
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide banner_ad1"></div>
                    <div class="swiper-slide banner_ad2"></div>
                </div>
                <div class="swiper-pagination"></div>
                <!-- Swiper JS -->
                <script src="zhinnegtingche/js/swiper-bundle.min.js"></script>
            </div>
            <!-- Initialize Swiper -->
            <script>
                var swiper = new Swiper(".mySwiper", {
                    spaceBetween: 0,
                    centeredSlides: true,

                    autoplay: {
                        delay: 2500,
                        disableOnInteraction: false,
                    },
                    loop: {
                        loopAdditionalSlides: 0,
                        loop: true,
                        loopPreventsSlide: true,
                    },
                    pagination: {
                        /* dynamicBullets: true, */
                        type: 'bullets',
                        el: ".swiper-pagination",
                        clickable: true,
                    },
                    navigation: {
                        nextEl: ".swiper-button-next",
                        prevEl: ".swiper-button-prev",
                    },
                });
            </script>
        </div>
        <!-- 附近停车场模块 -->
        <div class="nearby">
            <div class="box_top">
                <span class="box_top_name">
                    — 附近停车场 —
                </span>
                <a class="box_top_more" href="Javascript:;">></a>
            </div>
            <div class="nearby_body">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a class="nearby_body_imgbox" href="Javascript:;">
                                <div class="nearby_body_img1"></div>
                                <span class="nearby_body_imgspan">黑马超市</span>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a class="nearby_body_imgbox" href="Javascript:;">
                                <div id='nearby_body_img2' class="nearby_body_img2"></div>
                                <span class="nearby_body_imgspan">菜鸟停车场</span>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a class="nearby_body_imgbox" href="Javascript:;">
                                <div id='nearby_body_img3' class="nearby_body_img"></div>
                                <span class="nearby_body_imgspan">永辉超市停车场</span>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>

                <!-- Swiper JS -->
                <script src="zhinnegtingche/js/swiper-bundle.min.js"></script>

                <!-- Initialize Swiper -->
                <script>
                    var swiper = new Swiper(".mySwiper", {
                        slidesPerView: 3,
                        spaceBetween: 0,
                        pagination: {
                            el: ".swiper-pagination",
                            clickable: true,
                        },
                    });
                </script>
            </div>
        </div>
        <!-- 热门新闻 -->
        <div class="hot_news">
            <div class="box_top">
                <span class="box_top_name">
                    — 热门新闻 —
                </span>
                <a class="box_top_more" href="Javascript:;">></a>
            </div>
            <div class="hot_news_body">
                <div class="hot_news_list">
                    <!-- Swiper -->
                    <div class="swiper-container">

                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="news_word">
                                    <h5>龙岩动车站停车场</h5>
                                    <span>
                                        龙岩动车站一般指龙岩站。 龙岩站（Longyan Railway Station）位于中国福建省龙岩市，是中国铁路南昌局集团有限公司龙岩车务段管辖的客货二等站，是龙厦铁路
                                    </span>
                                    <i>2020/10/4</i>
                                </div>
                                <div class="new_img1"></div>
                            </div>
                            <div class="swiper-slide">
                                <div class="news_word">
                                    <h5>森林公园停车场</h5>
                                    <span>
                                        龙岩森林公园一般指龙岩国家森林公园。 龙岩国家森林公园地处福建省西部的南亚热带中低山地区，与北回归线荒漠带上的“绿色翡翠”梅花山国家级自然保护区相毗邻，距龙岩市中心城市仅18公里。总面积7783.6公顷。
                                    </span>
                                    <i>2021/12/4</i>
                                </div>
                                <div id="new_img2" class="new_img2"></div>
                            </div>
                            <div class="swiper-slide">
                                <div class="news_word">
                                    <h5>黑马超市停车场</h5>
                                    <span>
                                        黑马超市附近的公交站: 西门(长寿)、北门口(长寿)、西门、西门(长寿)、林庄游园、实验中学、长寿汽车总站(骑鞍桥下)
                                    </span>
                                    <i>2021/12/8</i>
                                </div>
                                <div id="new_img3" class="new_img3"></div>
                            </div>
                        </div>
                        <div class="swiper-scrollbar"></div>
                    </div>

                    <!-- Swiper JS -->
                    <script src="zhinnegtingche/js/swiper-bundle.min.js"></script>

                    <!-- Initialize Swiper -->
                    <script>
                        refreshEnd = false;
                        times = 0; //加载次数
                        oriSpeed = 300
                        var swiper = new Swiper('.swiper-container', {
                            speed: oriSpeed,
                            slidesPerView: 'auto',
                            freeMode: true,
                            direction: 'vertical',
                            setWrapperSize: true,
                            scrollbar: {
                                el: '.swiper-scrollbar',
                            },
                        });
                    </script>
                </div>
            </div>
        </div>
        <!-- 开始自驾游 -->
        <div class="star_trip">
            <div class="box_top">
                <span class="box_top_name">
                    — 开启自加之旅 —
                </span>
            </div>
            <div class="nearby_body">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a class="nearby_body_imgbox" href="Javascript:;">
                                <div class="nearby_body_img1"></div>
                                <span class="nearby_body_imgspan">上海</span>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a class="nearby_body_imgbox" href="Javascript:;">
                                <div id='nearby_body_img2' class="nearby_body_img2"></div>
                                <span class="nearby_body_imgspan">广州</span>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a class="nearby_body_imgbox" href="Javascript:;">
                                <div id='nearby_body_img3' class="nearby_body_img"></div>
                                <span class="nearby_body_imgspan">深圳</span>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>

                <!-- Swiper JS -->
                <script src="zhinnegtingche/js/swiper-bundle.min.js"></script>

                <!-- Initialize Swiper -->
                <script>
                    var swiper = new Swiper(".mySwiper", {
                        slidesPerView: 3,
                        spaceBetween: 0,
                        pagination: {
                            el: ".swiper-pagination",
                            clickable: true,
                        },
                    });
                </script>
            </div>
        </div>
        <!-- footer -->
        <div class="footer">
            <span>©2021 版权所有</span>
            <br>
            <i class="footer_one">移动端</i>

            <i>
                仅用于学习交流使用 <br> 版权归
                <a href="https://jzm.fkw.com/?_ta=2508">“点我”</a>
                所有
            </i>
            <i>严禁抄袭</i>
        </div>
    </div>
    <!-- 底部导航 -->
    <div class="footer_nav">
        <div class="footer_nav_list">
            <a href="index.html" class="footer_nav_btn1 center_VH" style="color: rgba(50,133,255,1);">
                <i id="btn1_font"></i>
                <span>首页</span>
            </a>
            <a href="预停指南.html" class="footer_nav_btn2 center_VH">
                <i id="btn2_font"></i>
                <span>预停指南</span>
            </a>
            <a href="客服服务.html" class="footer_nav_btn3 center_VH">
                <i id="btn3_font"></i>
                <span>客服服务</span>
            </a>
        </div>
    </div>

</body>

</html>